@itcase/ui 1.9.65 → 1.9.67

package/dist/components/Select/appearance/selectSuccess.js

@@ -1,37 +0,0 @@
-const selectAppearanceSuccess = {
-    successPrimary: {
-        fill: 'successTertiary',
-        fillHover: 'successTertiary',
-        borderColor: 'surfaceBorderTertiary',
-        borderColorHover: 'surfaceBorderQuaternary',
-        elevation: 8,
-        badgeAppearance: 'accentPrimary solid circular',
-        clearIconFill: 'surfaceItemQuaternary',
-        dropdownIconFill: 'surfaceItemQuaternary',
-        groupFill: 'surfaceSecondary',
-        groupTextColor: 'surfaceTextPrimary',
-        groupTextWeight: '600',
-        inputCaretColor: 'accentPrimary',
-        inputTextColor: 'surfaceTextPrimary',
-        loaderAppearance: 'accentPrimary sizeS ghost',
-        loadingMessageTextColor: 'surfaceTextPrimary',
-        menuFill: 'surfacePrimary',
-        multipleItemFill: 'accentPrimary',
-        multipleItemFillHover: 'accentSecondary',
-        multipleItemIconFill: 'accentItemPrimary',
-        multipleItemTextColor: 'accentTextPrimary',
-        noOptionsTextColor: 'surfaceTextPrimary',
-        optionBorder: 'none',
-        optionFill: 'surfacePrimary',
-        optionFillActive: 'accentPrimary',
-        optionFillActiveHover: 'accentSecondary',
-        optionFillDisabled: 'surfaceSecondary',
-        optionFillHover: 'surfaceSecondary',
-        optionSelectedIconFillIcon: 'successItemPrimary',
-        optionTextColor: 'surfaceTextPrimary',
-        optionTextColorActive: 'accentTextPrimary',
-        optionTextColorDisabled: 'surfaceTextQuaternary',
-        placeholderTextColor: 'surfaceTextQuaternary',
-    },
-};
-export { selectAppearanceSuccess };

package/dist/components/Select/index.js

@@ -1,16 +0,0 @@
-import { SelectClearIndicator } from './SelectClearIndicator';
-import { selectConfig, SelectContainer } from './SelectContainer';
-import { SelectControl } from './SelectControl';
-import { SelectDropdownIndicator } from './SelectDropdownIndicator';
-import { SelectGroupHeading } from './SelectGroupHeading';
-import { SelectIndicatorsContainer } from './SelectIndicatorsContainer';
-import { SelectInput } from './SelectInput';
-import { SelectMenu } from './SelectMenu';
-import { SelectMultiValueContainer } from './SelectMultiValueContainer';
-import { SelectMultiValueLabel } from './SelectMultiValueLabel';
-import { SelectMultiValueRemove } from './SelectMultiValueRemove';
-import { SelectOption } from './SelectOption';
-import { SelectPlaceholder } from './SelectPlaceholder';
-import { SelectSingleValue } from './SelectSingleValue';
-import { SelectValueContainer } from './SelectValueContainer';
-export { SelectContainer as Select, SelectClearIndicator, selectConfig, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, };

package/dist/components/Swiper/Swiper.interface.js

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

package/dist/components/Swiper/Swiper.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useImperativeHandle, useRef, useState, } from 'react';
-import clsx from 'clsx';
-import { Swiper as SwiperJS, SwiperSlide, } from 'swiper/react';
-import { Group } from 'src/components/Group';
-import { Text } from 'src/components/Text';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { Title } from 'src/components/Title';
-function Swiper(props) {
-    const { id, className, dataTestId, dataTour, direction, minZoom = 1, maxZoom = 5, title, titleAfter, titleSize, titleTextColor, titleWeight, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation, simulateTouch, slidesPerView, spaceBetween, speed, swiperClass, swiperSlideClass, isChangeOnClickSlide, isInit, isNavigation = false, isScrollbar, isShowOriginalLink = false, isZoomEnabled = false, setNextBtnDisabled, setPrevBtnDisabled, onSlideNextTransitionEnd, onSlidePrevTransitionEnd, onSwiper, onUpdate, children, } = props;
-    const swiperRef = useRef(null);
-    const isMountedRef = useRef(false);
-    const [nextEl, nextRef] = useSwiperRef();
-    const [prevEl, prevRef] = useSwiperRef();
-    const isLoop = loop ?? true;
-    const onInitSwiper = useCallback((swiper) => {
-        if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
-            setPrevBtnDisabled(swiper.isBeginning);
-            setNextBtnDisabled(swiper.isEnd);
-        }
-    }, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
-    const onSlideChange = useCallback((swiper) => {
-        if (isChangeOnClickSlide) {
-            swiper.activeIndex = activeSlideIndex || swiper.clickedIndex;
-        }
-    }, [isChangeOnClickSlide, activeSlideIndex]);
-    const onTransitionStart = useCallback((swiper) => {
-        if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
-            setPrevBtnDisabled(swiper.isBeginning);
-            setNextBtnDisabled(swiper.isEnd);
-        }
-    }, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
-    const onClickShowOriginalButton = useCallback(() => {
-        const swiperInstance = swiperRef.current?.swiper;
-        const imgElement = swiperInstance?.slides[swiperInstance.activeIndex]?.querySelector('img');
-        if (imgElement?.src) {
-            window.open(imgElement.src, '_blank');
-        }
-    }, [swiperRef]);
-    useImperativeHandle(forwardedRef, () => swiperRef.current, []);
-    useEffect(() => {
-        if (isMountedRef.current) {
-            const swiperInstance = swiperRef.current?.swiper;
-            // @ts-expect-error
-            swiperInstance?.updateActiveIndex(activeSlideIndex);
-            swiperInstance?.updateSlidesClasses();
-        }
-        else {
-            isMountedRef.current = true;
-        }
-    }, [activeSlideIndex]);
-    const propsGenerator = useDevicePropsGenerator(props);
-    const { alignClass, alignDirectionClass, fillClass, shapeClass } = propsGenerator;
-    const { styles: style } = useStyles(props);
-    return (_jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className), "data-testid": dataTestId, "data-tour": dataTour, style: style, children: [title && (_jsxs("div", { className: "swiper-block__wrapper", children: [title && (_jsx(Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter] })), prevButton && nextButton && (_jsxs(React.Fragment, { children: [_jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), _jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] })), _jsx(SwiperJS, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight ?? false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit ?? true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl, prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed ?? 500, zoom: {
-                    minRatio: minZoom,
-                    maxRatio: maxZoom,
-                    toggle: true,
-                }, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
-                    items?.map((item, i) => (_jsx(SwiperSlide, { className: clsx('swiper-block__item', isZoomEnabled && 'swiper-block__item_zooming', swiperSlideClass, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), children: isZoomEnabled ? (_jsx("div", { className: "swiper-zoom-container", children: item })) : (item) }, `swiper-slide_${i}`))) }), isShowOriginalLink && (_jsx(Group, { width: "fill", fill: "surfacePrimary", padding: "1m 0", children: _jsx(Text, { size: "s", textColor: "surfaceTextPrimary", textColorHover: "surfaceTextQuaternary", onClick: onClickShowOriginalButton, children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043E\u0440\u0438\u0433\u0438\u043D\u0430\u043B" }) }))] }));
-}
-const useSwiperRef = () => {
-    const [wrapper, setWrapper] = useState(null);
-    const ref = useRef(null);
-    useEffect(() => {
-        if (ref.current) {
-            setWrapper(ref.current);
-        }
-    }, []);
-    return [wrapper, ref];
-};
-export { Swiper };

package/dist/components/Swiper/index.js

@@ -1 +0,0 @@
-export { Swiper } from './Swiper';

package/dist/components/Switch/Switch.appearance.js

@@ -1,17 +0,0 @@
-import { switchAppearanceDefault } from './appearance/switchDefault';
-import { switchAppearanceDisabled } from './appearance/switchDisabled';
-import { switchAppearanceError } from './appearance/switchError';
-import { switchAppearanceRequire } from './appearance/switchRequire';
-import { switchAppearanceSize } from './appearance/switchSize';
-import { switchAppearanceStyle } from './appearance/switchStyle';
-import { switchAppearanceSuccess } from './appearance/switchSuccess';
-const switchAppearance = {
-    ...switchAppearanceSize,
-    ...switchAppearanceDisabled,
-    ...switchAppearanceRequire,
-    ...switchAppearanceStyle,
-    ...switchAppearanceError,
-    ...switchAppearanceDefault,
-    ...switchAppearanceSuccess,
-};
-export { switchAppearance };

package/dist/components/Switch/Switch.interface.js

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

package/dist/components/Switch/Switch.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import clsx from 'clsx';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { Text } from 'src/components/Text';
-import { switchAppearance } from './Switch.appearance';
-const switchConfig = {
-    appearance: switchAppearance,
-    setAppearance: (appearanceConfig) => {
-        switchConfig.appearance = appearanceConfig;
-    },
-};
-const Switch = React.forwardRef(function Switch(props, ref) {
-    const { id, appearance, className, dataTestId, dataTour, align = 'left', title, desc, isActive, isDisabled, onChange, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, switchConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { size, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, fillToggleActiveClass, fillToggleActiveHoverClass, fillToggleClass, fillToggleHoverClass, titleTextColor, titleTextSize, descTextColor, descTextSize, widthClass, } = propsGenerator;
-    return (_jsxs("div", { className: clsx('switch', className, widthClass && `width_${widthClass}`, align && `switch_align_${align}`, size && `switch_size_${size}`), "data-testid": dataTestId, "data-tour": dataTour, children: [_jsxs("div", { className: "switch__wrapper", children: [title && (_jsx(Text, { className: clsx('switch__title'), size: titleTextSize, textColor: titleTextColor, children: title })), desc && (_jsx(Text, { className: clsx('switch__desc'), size: descTextSize, textColor: descTextColor, children: desc }))] }), _jsxs("div", { className: 'switch__item', children: [_jsx("input", { id: id, className: "switch__checkbox", type: "checkbox", ref: ref, checked: isActive, disabled: isDisabled, onChange: onChange }), _jsx("div", { className: clsx('switch__bg', !isActive
-                            ? fillClass && `fill_${fillClass}`
-                            : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
-                            ? fillHoverClass && `fill_hover_${fillHoverClass}`
-                            : fillActiveHoverClass &&
-                                `fill_active_hover_${fillActiveHoverClass}`), children: "\u00A0" }), _jsx("div", { className: clsx('switch__toggle', !isActive
-                            ? fillToggleClass && `fill_${fillToggleClass}`
-                            : fillToggleActiveClass && `fill_active_${fillToggleActiveClass}`, !isActive
-                            ? fillToggleHoverClass && `fill_hover_${fillToggleHoverClass}`
-                            : fillToggleActiveHoverClass &&
-                                `fill_active_hover_${fillToggleActiveHoverClass}`), children: "\u00A0" })] })] }));
-});
-export { Switch, switchConfig };

package/dist/components/Switch/appearance/switchDefault.js

@@ -1,11 +0,0 @@
-const switchAppearanceDefault = {
-    defaultPrimary: {
-        fill: 'surfaceTertiary',
-        fillActive: 'surfaceTertiary',
-        fillToggle: 'surfacePrimary',
-        fillToggleActive: 'surfacePrimary',
-        titleTextColor: 'surfaceTextPrimary',
-        descTextColor: 'surfaceTextPrimary',
-    },
-};
-export { switchAppearanceDefault };

package/dist/components/Switch/appearance/switchDisabled.js

@@ -1,11 +0,0 @@
-const switchAppearanceDisabled = {
-    disabledPrimary: {
-        fill: 'surfaceDisabled',
-        fillActive: 'surfaceDisabled',
-        fillToggle: 'surfaceSecondary',
-        fillToggleActive: 'surfaceActiveSecondary',
-        titleTextColor: 'surfaceTextPrimary',
-        descTextColor: 'surfaceTextPrimary',
-    },
-};
-export { switchAppearanceDisabled };

package/dist/components/Switch/appearance/switchError.js

@@ -1,11 +0,0 @@
-const switchAppearanceError = {
-    errorPrimary: {
-        fill: 'surfaceTertiary',
-        fillActive: 'errorSecondary',
-        fillToggle: 'surfacePrimary',
-        fillToggleActive: 'surfacePrimary',
-        titleTextColor: 'surfaceTextPrimary',
-        descTextColor: 'surfaceTextPrimary',
-    },
-};
-export { switchAppearanceError };

package/dist/components/Switch/appearance/switchRequire.js

@@ -1,11 +0,0 @@
-const switchAppearanceRequire = {
-    requirePrimary: {
-        fill: 'surfaceTertiary',
-        fillActive: 'warningSecondary',
-        fillToggle: 'surfacePrimary',
-        fillToggleActive: 'surfacePrimary',
-        titleTextColor: 'surfaceTextPrimary',
-        descTextColor: 'surfaceTextPrimary',
-    },
-};
-export { switchAppearanceRequire };

package/dist/components/Switch/appearance/switchSize.js

@@ -1,18 +0,0 @@
-const switchAppearanceSize = {
-    sizeL: {
-        size: 'l',
-        titleTextSize: 'l',
-        descTextSize: 'xs',
-    },
-    sizeM: {
-        size: 'm',
-        titleTextSize: 'm',
-        descTextSize: 'xs',
-    },
-    sizeS: {
-        size: 's',
-        titleTextSize: 's',
-        descTextSize: 'xs',
-    },
-};
-export { switchAppearanceSize };

package/dist/components/Switch/appearance/switchStyle.js

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

package/dist/components/Switch/appearance/switchSuccess.js

@@ -1,11 +0,0 @@
-const switchAppearanceSuccess = {
-    successPrimary: {
-        fill: 'surfaceTertiary',
-        fillActive: 'successPrimary',
-        fillToggle: 'surfacePrimary',
-        fillToggleActive: 'surfacePrimary',
-        titleTextColor: 'surfaceTextPrimary',
-        descTextColor: 'surfaceTextPrimary',
-    },
-};
-export { switchAppearanceSuccess };

package/dist/components/Switch/index.js

@@ -1,2 +0,0 @@
-export { Switch, switchConfig } from './Switch';
-export { switchAppearance } from './Switch.appearance';

package/dist/components/Tab/Tab.appearance.js

@@ -1,15 +0,0 @@
-import { tabAppearanceError } from './appearance/tabError';
-import { tabAppearanceSize } from './appearance/tabSize';
-import { tabAppearanceStyle } from './appearance/tabStyle';
-import { tabAppearanceSuccess } from './appearance/tabSuccess';
-import { tabAppearanceSurface } from './appearance/tabSurface';
-import { tabAppearanceWarning } from './appearance/tabWarning';
-const tabAppearance = {
-    ...tabAppearanceWarning,
-    ...tabAppearanceError,
-    ...tabAppearanceSuccess,
-    ...tabAppearanceSurface,
-    ...tabAppearanceSize,
-    ...tabAppearanceStyle,
-};
-export { tabAppearance };

package/dist/components/Tab/Tab.interface.js

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

package/dist/components/Tab/Tab.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import clsx from 'clsx';
-import { mergeAppearanceKeys } from 'src/utils';
-import { useActiveClasses } from 'src/hooks/useActiveClasses/useActiveClasses';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { Badge } from 'src/components/Badge';
-import { Divider } from 'src/components/Divider';
-import { Icon } from 'src/components/Icon';
-import { Link } from 'src/components/Link';
-import { Text } from 'src/components/Text';
-import { tabAppearance } from './Tab.appearance';
-const tabConfig = {
-    appearance: tabAppearance,
-    setAppearance: (appearanceConfig) => {
-        tabConfig.appearance = appearanceConfig;
-    },
-};
-function Tab(props) {
-    const { appearance, className, dataTestId, dataTour, label, badgeValue, href, link, rel, target, before, after, isActive = false, isDisabled = false, isSkeleton, onClick, onMouseEnter, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, tabConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { rootClasses } = useActiveClasses({
-        propsGenerator: propsGenerator,
-        isActive: isActive,
-        isDisabled: isDisabled,
-    });
-    const { justifyContentClass, alignClass, labelTextAlign, labelTextColor, labelTextColorActive, labelTextColorHover, labelTextSize, labelTextStyle, labelTextWeight, labelTextWrap, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, dividerFill, dividerFillActive, dividerFillActiveHover, dividerFillDisabled, dividerFillHover, dividerSize, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, linkFill, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    const { styles: tab } = useStyles(props);
-    return (_jsx("div", { className: clsx('tab', className, rootClasses, isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', sizeClass && `tab_size_${sizeClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, widthClass && `width_${widthClass}`, justifyContentClass && `tab_justify-content_${justifyContentClass}`, isSkeleton && `tab_skeleton`, onClick && 'cursor_type_pointer'), "data-testid": dataTestId && `${dataTestId}Tab`, "data-tour": dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: _jsxs(Link, { className: clsx('tab__link', !isDisabled && 'cursor_type_pointer'), fill: linkFill, href: link || href, rel: rel, target: target, children: [before, children || (_jsxs(React.Fragment, { children: [_jsxs("div", { className: clsx('tab__wrapper', alignClass && `align_${alignClass}`), children: [label && (_jsx(Text, { className: "tab__label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorHover: labelTextColorHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, isDisabled: isDisabled, children: label })), Boolean(badgeValue) && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { className: "tab__icon_after", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }), _jsx(Divider, { className: "tab__divider", width: "fill", direction: "horizontal", size: dividerSize, fill: dividerFill, fillActive: dividerFillActive, fillActiveHover: dividerFillActiveHover, fillDisabled: dividerFillDisabled, fillHover: dividerFillHover, zIndex: "1", isActive: isActive, isDisabled: isDisabled })] })), after] }) }));
-}
-export { Tab, tabConfig };

package/dist/components/Tab/TabGroup.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { Tab } from './Tab';
-function TabGroup(props) {
-    const { className, dataTestId, dataTour, horizontalScroll, style, tabAppearance, tabList, children, } = props;
-    const propsGenerator = useDevicePropsGenerator(props);
-    const { directionClass, alignClass, alignDirectionClass, fillClass, borderColorClass, borderTypeClass, borderWidthClass, widthClass, wrapClass, } = propsGenerator;
-    const { styles: groupStyles, wrapper: groupWrapperStyles } = useStyles(props);
-    return (_jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_scroll_horizontal', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (_jsxs("div", { className: "tab-group__wrapper", style: groupWrapperStyles, children: [tabList?.map((item) => (_jsx(Tab, { appearance: tabAppearance, label: item.label, isActive: item.isActive }, item.key))), children] })) : (_jsxs(React.Fragment, { children: [tabList?.map((item) => (_jsx(Tab, { appearance: tabAppearance, label: item.label, badgeValue: item.badgeValue, icon: item.icon, iconSrc: item.icon, isActive: item.isActive, onClick: item.onClick }, item.key))), children] })) }));
-}
-export { TabGroup };

package/dist/components/Tab/appearance/tabError.js

@@ -1,13 +0,0 @@
-const tabAppearanceError = {
-    errorPrimary: {
-        fill: 'errorPrimary',
-        fillDisabled: 'disabledPrimary',
-        labelColor: 'errorTextPrimary',
-        labelColorActive: 'errorTextPrimary',
-        labelColorDisabled: 'errorTextDisabled',
-        badgeAppearance: 'errorPrimary',
-        dividerFill: 'accentPrimary',
-        dividerFillDisabled: 'errorDisabled',
-    },
-};
-export { tabAppearanceError };

package/dist/components/Tab/appearance/tabSize.js

@@ -1,44 +0,0 @@
-const tabAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-        labelTextSize: 's',
-        badgeAppearanceSize: 'sizeXS',
-        dividerSize: 's',
-    },
-    sizeXL: {
-        size: 'xl',
-        labelTextSize: 's',
-        badgeAppearanceSize: 'sizeXS',
-        dividerSize: 's',
-    },
-    sizeL: {
-        size: 'l',
-        labelTextSize: 's',
-        badgeAppearanceSize: 'sizeXS',
-        dividerSize: 's',
-    },
-    sizeM: {
-        size: 'm',
-        labelTextSize: 's',
-        badgeAppearanceSize: 'sizeXS',
-        dividerSize: 's',
-    },
-    sizeS: {
-        size: 's',
-        labelTextSize: 's',
-        badgeAppearanceSize: 'sizeXS',
-        dividerSize: 's',
-    },
-    sizeXS: {
-        size: 'xs',
-        labelTextSize: 'xs',
-        badgeAppearanceSize: 'sizeXS',
-    },
-    sizeXXS: {
-        size: 'xxs',
-        labelTextSize: 'xs',
-        badgeAppearanceSize: 'sizeXXS',
-        dividerSize: 's',
-    },
-};
-export { tabAppearanceSize };

package/dist/components/Tab/appearance/tabStyle.js

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

package/dist/components/Tab/appearance/tabSuccess.js

@@ -1,13 +0,0 @@
-const tabAppearanceSuccess = {
-    successPrimary: {
-        fill: 'successPrimary',
-        fillDisabled: 'successDisabled',
-        labelColor: 'successTextPrimary',
-        labelColorActive: 'successTextPrimary',
-        labelColorDisabled: 'successTextDisabled',
-        badgeAppearance: 'successPrimary',
-        dividerFill: 'accentPrimary',
-        dividerFillDisabled: 'successDisabled',
-    },
-};
-export { tabAppearanceSuccess };

package/dist/components/Tab/appearance/tabSurface.js

@@ -1,64 +0,0 @@
-const tabAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillActive: 'surfaceActivePrimary',
-        fillActiveHover: 'surfaceHoverSecondary',
-        fillDisabled: 'surfaceDisabled',
-        fillHover: 'surfaceHoverSecondary',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorActive: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
-        borderColorActive: 'surfaceBorderActivePrimary',
-        badgeAppearance: 'accentPrimary solid circular',
-        dividerFill: 'surfacePrimary',
-        dividerFillActive: 'accentPrimary',
-        dividerFillDisabled: 'accentDisabled',
-        iconFillIcon: 'surfaceItemPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillActive: 'accentActivePrimary',
-        fillActiveHover: 'surfaceHoverTertiary',
-        fillDisabled: 'surfaceDisabled',
-        fillHover: 'surfaceHoverQuaternary',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorActive: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
-        borderColorActive: 'surfaceBorderActivePrimary',
-        badgeAppearance: 'accentPrimary solid circular',
-        dividerFillActive: 'accentPrimary',
-        dividerFillDisabled: 'accentDisabled',
-        iconFillIcon: 'surfaceItemPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillActive: 'surfaceActiveSecondary',
-        fillActiveHover: 'surfaceHoverTertiary',
-        fillDisabled: 'surfaceDisabled',
-        fillHover: 'surfaceHoverTertiary',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorActive: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
-        borderColorActive: 'surfaceBorderActivePrimary',
-        badgeAppearance: 'accentPrimary solid circular',
-        dividerFillActive: 'accentPrimary',
-        dividerFillDisabled: 'accentDisabled',
-        iconFillIcon: 'surfaceItemPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        fillActive: 'surfaceActiveSecondary',
-        fillActiveHover: 'surfaceHoverTertiary',
-        fillDisabled: 'surfaceDisabled',
-        fillHover: 'surfaceHoverSecondary',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorActive: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
-        borderColorActive: 'surfaceBorderActivePrimary',
-        badgeAppearance: 'accentPrimary solid circular',
-        dividerFillActive: 'accentPrimary',
-        dividerFillDisabled: 'accentDisabled',
-        iconFillIcon: 'surfaceItemPrimary',
-    },
-};
-export { tabAppearanceSurface };

package/dist/components/Tab/appearance/tabWarning.js

@@ -1,12 +0,0 @@
-const tabAppearanceWarning = {
-    warningPrimary: {
-        fill: 'warningPrimary',
-        fillDisabled: 'disabledPrimary',
-        labelColor: 'warningTextPrimary',
-        labelColorActive: 'warningTextPrimary',
-        badgeAppearance: 'warningPrimary',
-        dividerFill: 'accentPrimary',
-        dividerFillDisabled: 'disabledPrimary',
-    },
-};
-export { tabAppearanceWarning };

package/dist/components/Tab/index.js

@@ -1,3 +0,0 @@
-export { Tab, tabConfig } from './Tab';
-export { tabAppearance } from './Tab.appearance';
-export { TabGroup } from './TabGroup';

package/dist/components/Text/Text.appearance.js

@@ -1,5 +0,0 @@
-import { textAppearanceSize } from './appearance/textSize';
-const textAppearance = {
-    ...textAppearanceSize,
-};
-export { textAppearance };

package/dist/components/Text/Text.interface.js

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

package/dist/components/Text/Text.js

@@ -1,35 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { textAppearance } from './Text.appearance';
-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, textConfig };

package/dist/components/Text/appearance/textSize.js

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

package/dist/components/Text/index.js

@@ -1,2 +0,0 @@
-export { Text, textConfig } from './Text';
-export { textAppearance } from './Text.appearance';