@itcase/ui 1.9.56 → 1.9.58

package/dist/components/Search/Search.interface.js

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

package/dist/components/Search/SearchInput.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import clsx from 'clsx';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { Icon } from 'src/components/Icon';
+import { Text } from 'src/components/Text';
+import { searchAppearance } from './Search.appearance';
+const searchInputConfig = {
+    appearance: searchAppearance,
+    setAppearance: (appearanceConfig) => {
+        searchInputConfig.appearance = appearanceConfig;
+    },
+};
+const SearchInput = React.forwardRef(function SearchInput(props, ref) {
+    const { appearance, className, dataTestId, dataTour, placeholder, value, before, after, isActive, isDisabled, isSkeleton, onClickClean, onChange, onFocus, onKeyDown, } = props;
+    const onChangeSearchInput = useCallback((event) => {
+        onChange && onChange(event.target.value);
+    }, [onChange]);
+    const onClickClearIcon = useCallback((event) => {
+        event?.stopPropagation();
+        onChange && onChange('');
+        if (onClickClean) {
+            onClickClean();
+        }
+    }, [onChange, onClickClean]);
+    const appearanceConfig = useAppearanceConfig(appearance, searchInputConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { size, fillClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, iconAfter, iconAfterFill, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeSize, iconBeforeSrc, iconClear, iconClearFill, iconClearSize, iconClearSrc, inputFillClass, inputTextColorClass, inputTextSizeClass, inputTextStyleClass, inputTextWeightClass, placeholderTextColor, placeholderTextSize, placeholderTextStyle, placeholderTextWeight, shapeClass, shapeStrengthClass, widthClass, } = propsGenerator;
+    const { styles: searchInputStyles } = useStyles(props);
+    return (_jsxs("label", { className: clsx(className, 'search-input', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`, widthClass && `width_${widthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, size && `search-input_size_${size}`, isSkeleton && `search-input_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (_jsx(Icon, { className: "search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), _jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && `fill_${inputFillClass}`), children: [_jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
+                            inputTextWeightClass ||
+                            inputTextColorClass ||
+                            inputTextStyleClass) &&
+                            'text', inputTextSizeClass && `text_size_${inputTextSizeClass}`, inputTextWeightClass && `text-weight_${inputTextWeightClass}`, inputTextColorClass && `text-color_${inputTextColorClass}`, inputTextStyleClass && `text-style_${inputTextStyleClass}`), type: "text", ref: ref, required: true, value: value || '', onChange: onChangeSearchInput, onFocus: onFocus, onKeyDown: onKeyDown }), _jsx("div", { className: "search-input__placeholder", children: _jsx(Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize, textColor: placeholderTextColor, textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder }) }), value && (_jsx(Icon, { className: clsx('search-input__clear', 'cursor_type_pointer', isActive && `fill_${iconClearFill}`), size: iconClearSize, iconFill: iconClearFill, imageSrc: iconClearSrc, SvgImage: iconClear, onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (_jsx(Icon, { className: "search-input__icon-after", size: iconAfterSize, iconFill: iconAfterFill, imageSrc: iconAfterSrc, SvgImage: iconAfter })), after] }));
+});
+// @ts-expect-error
+SearchInput.DEFAULT_REF_STATE = {
+    input: null,
+};
+export { SearchInput, searchInputConfig };

package/dist/components/Search/SearchResult.js

@@ -0,0 +1,12 @@
+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 { Scrollbar } from 'src/components/Scrollbar';
+const SearchResult = React.forwardRef(function SearchResult(props) {
+    const { className, dataTestId, dataTour, scrollHeight, before, after, children, } = props;
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { fillClass, shapeClass, shapeStrengthClass } = propsGenerator;
+    return (_jsx("div", { className: clsx(className, 'search-result', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`), "data-testid": dataTestId, "data-tour": dataTour, children: _jsxs("div", { className: "search-result__wrapper", children: [before, React.Children.toArray(children).filter(Boolean).length && (_jsx(Scrollbar, { scrollHeight: scrollHeight || 300, children: children })), after] }) }));
+});
+export { SearchResult };

package/dist/components/Search/appearance/searchDefault.js

@@ -0,0 +1,23 @@
+const searchAppearanceDefault = {
+    defaultPrimary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderQuaternary',
+        borderColorHover: 'surfaceBorderHoverQuaternary',
+        iconAfterFill: 'surfaceItemQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemQuaternary',
+        inputTextColor: 'surfaceTextPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    defaultSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderSecondary',
+        borderColorHover: 'surfaceBorderHoverSecondary',
+        iconAfterFill: 'surfaceItemQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemQuaternary',
+        inputTextColor: 'surfaceTextPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+};
+export { searchAppearanceDefault };

package/dist/components/Search/appearance/searchDisabled.js

@@ -0,0 +1,13 @@
+const searchAppearanceDisabled = {
+    disabledPrimary: {
+        fill: 'surfaceDisabled',
+        borderColor: 'surfaceBorderDisabled',
+        borderColorHover: 'surfaceBorderHoverQuaternary',
+        iconAfterFill: 'surfaceItemPrimary',
+        iconBeforeFill: 'surfaceItemPrimary',
+        iconClearFill: 'surfaceItemPrimary',
+        inputTextColor: 'surfaceTextDisabled',
+        placeholderTextColor: 'surfaceTextDisabled',
+    },
+};
+export { searchAppearanceDisabled };

package/dist/components/Search/appearance/searchError.js

@@ -0,0 +1,13 @@
+const searchAppearanceError = {
+    errorPrimary: {
+        fill: 'errorTertiary',
+        borderColor: 'errorBorderQuaternary',
+        borderColorHover: 'errorBorderHoverQuaternary',
+        iconAfterFill: 'errorItemSecondary',
+        iconBeforeFill: 'errorItemSecondary',
+        iconClearFill: 'errorItemSecondary',
+        inputTextColor: 'surfaceTextPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+};
+export { searchAppearanceError };

package/dist/components/Search/appearance/searchRequire.js

@@ -0,0 +1,13 @@
+const searchAppearanceRequire = {
+    requirePrimary: {
+        fill: 'warningTertiary',
+        borderColor: 'warningBorderSecondary',
+        borderColorHover: 'warningBorderHoverSecondary',
+        iconAfterFill: 'warningItemSecondary',
+        iconBeforeFill: 'warningItemSecondary',
+        iconClearFill: 'warningItemSecondary',
+        inputTextColor: 'surfaceTextPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+};
+export { searchAppearanceRequire };

package/dist/components/Search/appearance/searchShape.js

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

package/dist/components/Search/appearance/searchSize.js

@@ -0,0 +1,46 @@
+import { icons16, icons24 } from '@itcase/icons/default';
+const searchAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        iconBefore: icons24.Security.Search,
+        iconClear: icons24.Action.Clear,
+        inputTextSize: 'l',
+        placeholderTextSize: 'l',
+    },
+    sizeXL: {
+        size: 'xl',
+        iconBefore: icons24.Security.Search,
+        iconClear: icons24.Action.Clear,
+        inputTextSize: 'm',
+        placeholderTextSize: 'm',
+    },
+    sizeL: {
+        size: 'l',
+        iconBefore: icons24.Security.Search,
+        iconClear: icons24.Action.Clear,
+        inputTextSize: 's',
+        placeholderTextSize: 's',
+    },
+    sizeM: {
+        size: 'm',
+        iconBefore: icons24.Security.Search,
+        iconClear: icons24.Action.Clear,
+        inputTextSize: 'm',
+        placeholderTextSize: 'm',
+    },
+    sizeS: {
+        size: 's',
+        iconBefore: icons24.Security.Search,
+        iconClear: icons24.Action.Clear,
+        inputTextSize: 's',
+        placeholderTextSize: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+        iconBefore: icons16.Security.Search,
+        iconClear: icons16.Action.Clear,
+        inputTextSize: 's',
+        placeholderTextSize: 's',
+    },
+};
+export { searchAppearanceSize };

package/dist/components/Search/appearance/searchStyle.js

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

package/dist/components/Search/appearance/searchSuccess.js

@@ -0,0 +1,12 @@
+const searchAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successTertiary',
+        borderColor: 'accentBorderQuaternary',
+        borderColorHover: 'accentBorderQuaternary',
+        iconAfterFill: 'successItemSecondary',
+        iconBeforeFill: 'successItemSecondary',
+        iconClearFill: 'successItemSecondary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+};
+export { searchAppearanceSuccess };

package/dist/components/Search/index.js

@@ -0,0 +1,4 @@
+import { searchAppearance } from './Search.appearance';
+import { SearchInput, searchInputConfig } from './SearchInput';
+import { SearchResult } from './SearchResult';
+export { SearchInput, searchInputConfig, searchAppearance, SearchResult };

package/dist/components/Segmented/Segmented.appearance.js

@@ -0,0 +1,21 @@
+import { segmentedAppearanceDefault } from './appearance/segmentedDefault';
+import { segmentedAppearanceDisabled } from './appearance/segmentedDisabled';
+import { segmentedAppearanceError } from './appearance/segmentedError';
+import { segmentedAppearanceRequire } from './appearance/segmentedRequire';
+import { segmentedAppearanceShape } from './appearance/segmentedShape';
+import { segmentedAppearanceSize } from './appearance/segmentedSize';
+import { segmentedAppearanceStyle } from './appearance/segmentedStyle';
+import { segmentedAppearanceSuccess } from './appearance/segmentedSuccess';
+import { segmentedAppearanceWarning } from './appearance/segmentedWarning';
+const segmentedAppearance = {
+    ...segmentedAppearanceDisabled,
+    ...segmentedAppearanceSize,
+    ...segmentedAppearanceShape,
+    ...segmentedAppearanceStyle,
+    ...segmentedAppearanceError,
+    ...segmentedAppearanceSuccess,
+    ...segmentedAppearanceDefault,
+    ...segmentedAppearanceWarning,
+    ...segmentedAppearanceRequire,
+};
+export { segmentedAppearance };

package/dist/components/Segmented/Segmented.interface.js

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

package/dist/components/Segmented/Segmented.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createRef, useCallback, useEffect, useMemo, useRef, } from 'react';
+import clsx from 'clsx';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { Icon } from 'src/components/Icon';
+import { Text } from 'src/components/Text';
+import { segmentedAppearance } from './Segmented.appearance';
+const segmentedConfig = {
+    appearance: segmentedAppearance,
+    setAppearance: (appearanceConfig) => {
+        segmentedConfig.appearance = appearanceConfig;
+    },
+};
+const Segmented = (props) => {
+    const { appearance, className, dataTestId, dataTour, name, activeSegment, segments, isDisabled, isSkeleton, setActiveSegment, onChange, } = props;
+    const controlRef = useRef(null);
+    const segmentsRefs = useMemo(() => new Map(segments.map((item) => [item.value, createRef()])), [segments]);
+    const onChangeValue = useCallback((item) => {
+        onChange && onChange(item.value, name);
+        setActiveSegment && setActiveSegment(item);
+    }, [name, onChange, setActiveSegment]);
+    useEffect(() => {
+        let offsetWidth = 0;
+        let offsetLeft = 0;
+        const activeSegmentRef = segmentsRefs.get(activeSegment.value);
+        if (activeSegmentRef?.current) {
+            offsetWidth = activeSegmentRef.current.offsetWidth;
+            offsetLeft = activeSegmentRef.current.offsetLeft;
+        }
+        controlRef.current?.style.setProperty('--segmented-active-width', `${offsetWidth}px`);
+        controlRef.current?.style.setProperty('--segmented-active-x-pos', `${offsetLeft}px`);
+    }, [activeSegment, segmentsRefs]);
+    const appearanceConfig = useAppearanceConfig(appearance, segmentedConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, labelTextActiveColor, labelTextActiveColorHover, labelTextColor, labelTextColorHover, labelTextSize, labelTextWrap, borderColorClass, borderTypeClass, borderWidthClass, iconFill, iconFillActive, iconFillDisabled, iconSize, indicatorFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    return (_jsx("div", { className: clsx(className, 'segmented', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`, widthClass && `segmented_width_${widthClass}`, sizeClass && `segmented_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, isSkeleton && `segmented_skeleton`), ref: controlRef, "data-testid": dataTestId, "data-tour": dataTour, children: _jsx("div", { className: "segmented__wrapper", children: _jsxs("div", { className: clsx('segmented__wrapper-inner'), children: [segments?.map((item) => {
+                        const isActive = activeSegment.value === item.value;
+                        return (_jsx("div", { className: clsx('segmented__item', !item.label && 'segmented__item_icon', sizeClass && `segmented__item_size_${sizeClass}`, isActive && 'segmented__item_active', !isActive && isDisabled && 'segmented__item_state_disabled', isActive &&
+                                isDisabled &&
+                                'segmented__item_active_state_disabled', !isActive
+                                ? fillHoverClass && `fill_hover_${fillHoverClass}`
+                                : fillActiveHoverClass &&
+                                    `fill_active_hover_${fillActiveHoverClass}`, isActive &&
+                                fillActiveClass &&
+                                `fill_active_${fillActiveClass}`), ref: segmentsRefs.get(item.value), onClick: () => !isDisabled && onChangeValue(item), children: _jsxs("div", { className: clsx('segmented__item-label', sizeClass && `segmented_size_${sizeClass}`), children: [item.iconBefore || item.iconBeforeActive ? (_jsx(Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive
+                                            ? item.iconBeforeActive || item.iconBefore
+                                            : item.iconBefore, isActive: isActive, isDisabled: isDisabled })) : null, item.label && (_jsx(Text, { size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveColorHover, textColorHover: labelTextColorHover, textWrap: labelTextWrap, isActive: isActive, children: item.label })), item.icon || item.iconActive ? (_jsx(Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive ? item.iconActive || item.icon : item.icon, isActive: isActive, isDisabled: isDisabled })) : null, item.iconAfter || item.iconAfterActive ? (_jsx(Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive
+                                            ? item.iconAfterActive || item.iconAfter
+                                            : item.iconAfter, isActive: isActive, isDisabled: isDisabled })) : null] }) }, `${name}-${item.value}`));
+                    }), _jsx("div", { className: clsx('segmented__indicator', indicatorFillClass && `fill_${indicatorFillClass}`) })] }) }) }));
+};
+export { Segmented, segmentedConfig };

package/dist/components/Segmented/appearance/segmentedDefault.js

@@ -0,0 +1,29 @@
+const segmentedAppearanceDefault = {
+    defaultPrimary: {
+        fill: 'surfacePrimary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentActiveHoverPrimary',
+        fillHover: 'surfaceHoverSecondary',
+        labelTextActiveColor: 'accentTextPrimary',
+        labelTextActiveColorHover: 'accentTextActiveHoverPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderQuaternary',
+        iconFill: 'surfaceItemQuaternary',
+        iconFillActive: 'surfaceItemSecondary',
+        indicatorFill: 'accentPrimary',
+    },
+    defaultSecondary: {
+        fill: 'surfaceSecondary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentActiveHoverPrimary',
+        fillHover: 'surfaceHoverTertiary',
+        labelTextActiveColor: 'accentTextPrimary',
+        labelTextActiveColorHover: 'accentTextActiveHoverPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderQuaternary',
+        iconFill: 'surfaceItemQuaternary',
+        iconFillActive: 'surfaceItemSecondary',
+        indicatorFill: 'accentPrimary',
+    },
+};
+export { segmentedAppearanceDefault };

package/dist/components/Segmented/appearance/segmentedDisabled.js

@@ -0,0 +1,12 @@
+const segmentedAppearanceDisabled = {
+    disabledPrimary: {
+        fill: 'surfaceDisabled',
+        fillActive: 'surfaceTertiary',
+        labelTextActiveColor: 'surfaceTextActiveQuaternary',
+        labelTextColor: 'surfaceTextQuaternary',
+        borderColor: 'surfaceBorderPrimary',
+        iconFill: 'surfaceItemPrimary',
+        iconFillActive: 'surfaceItemPrimary',
+    },
+};
+export { segmentedAppearanceDisabled };

package/dist/components/Segmented/appearance/segmentedError.js

@@ -0,0 +1,14 @@
+const segmentedAppearanceError = {
+    errorPrimary: {
+        fill: 'errorTertiary',
+        fillActive: 'errorPrimary',
+        fillHover: 'errorHoverPrimary',
+        labelTextActiveColor: 'errorTextActivePrimary',
+        labelTextColor: 'errorTextSecondary',
+        labelTextColorHover: 'errorTextPrimary',
+        borderColor: 'errorBorderQuaternary',
+        iconFill: 'errorItemSecondary',
+        iconFillActive: 'errorItemTertiary',
+    },
+};
+export { segmentedAppearanceError };

package/dist/components/Segmented/appearance/segmentedRequire.js

@@ -0,0 +1,15 @@
+const segmentedAppearanceRequire = {
+    requirePrimary: {
+        fill: 'warningTertiary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentPrimary',
+        fillHover: 'warningSecondary',
+        labelTextActiveColor: 'warningTextPrimary',
+        labelTextColor: 'warningTextPrimary',
+        labelTextColorHover: 'warningTextSecondary',
+        borderColor: 'warningBorderSecondary',
+        iconFill: 'warningItemSecondary',
+        iconFillActive: 'warningItemTertiary',
+    },
+};
+export { segmentedAppearanceRequire };

package/dist/components/Segmented/appearance/segmentedShape.js

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

package/dist/components/Segmented/appearance/segmentedSize.js

@@ -0,0 +1,28 @@
+const segmentedAppearanceSize = {
+    sizeL: {
+        size: 'l',
+        labelTextSize: 'm',
+        iconSize: '24',
+    },
+    sizeM: {
+        size: 'm',
+        labelTextSize: 'm',
+        iconSize: '24',
+    },
+    sizeS: {
+        size: 's',
+        labelTextSize: 's',
+        iconSize: '20',
+    },
+    sizeXS: {
+        size: 'xs',
+        labelTextSize: 'xs',
+        iconSize: '16',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        labelTextSize: 'xxs',
+        iconSize: '14',
+    },
+};
+export { segmentedAppearanceSize };

package/dist/components/Segmented/appearance/segmentedStyle.js

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

package/dist/components/Segmented/appearance/segmentedSuccess.js

@@ -0,0 +1,13 @@
+const segmentedAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successTertiary',
+        fillActive: 'successSecondary',
+        fillHover: 'successSecondary',
+        labelTextActiveColor: 'successTextPrimary',
+        labelTextColor: 'successTextSecondary',
+        labelTextColorHover: 'successTextPrimary',
+        borderColor: 'successBorderSecondary',
+        iconFill: 'successItemSecondary',
+    },
+};
+export { segmentedAppearanceSuccess };

package/dist/components/Segmented/appearance/segmentedWarning.js

@@ -0,0 +1,14 @@
+const segmentedAppearanceWarning = {
+    warningPrimary: {
+        fill: 'warningTertiary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentPrimary',
+        fillHover: 'warningSecondary',
+        labelTextActiveColor: 'warningTextPrimary',
+        labelTextColor: 'warningTextSecondary',
+        labelTextColorHover: 'warningTextSecondary',
+        borderColor: 'warningBorderSecondary',
+        iconFill: 'warningItemSecondary',
+    },
+};
+export { segmentedAppearanceWarning };

package/dist/components/Segmented/index.js

@@ -0,0 +1,2 @@
+export { Segmented, segmentedConfig } from './Segmented';
+export { segmentedAppearance } from './Segmented.appearance';

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

@@ -0,0 +1,19 @@
+import { selectAppearanceDefault } from './appearance/selectDefault';
+import { selectAppearanceDisabled } from './appearance/selectDisabled';
+import { selectAppearanceError } from './appearance/selectError';
+import { selectAppearanceRequire } from './appearance/selectRequire';
+import { selectAppearanceShape } from './appearance/selectShape';
+import { selectAppearanceSize } from './appearance/selectSize';
+import { selectAppearanceStyle } from './appearance/selectStyle';
+import { selectAppearanceSuccess } from './appearance/selectSuccess';
+const selectAppearance = {
+    ...selectAppearanceRequire,
+    ...selectAppearanceDefault,
+    ...selectAppearanceDisabled,
+    ...selectAppearanceSuccess,
+    ...selectAppearanceSize,
+    ...selectAppearanceError,
+    ...selectAppearanceShape,
+    ...selectAppearanceStyle,
+};
+export { selectAppearance };

package/dist/components/Select/Select.interface.js

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

package/dist/components/Select/SelectClearIndicator.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { components } from 'react-select';
+import { Icon } from 'src/components/Icon';
+const SelectClearIndicator = (props) => {
+    const { children } = props;
+    const { clearIcon, clearIconFill } = props.selectProps;
+    return (_jsx(components.ClearIndicator, { ...props, children: clearIcon ? (_jsx(Icon, { iconFill: clearIconFill, SvgImage: clearIcon })) : (children) }));
+};
+export { SelectClearIndicator };