@itcase/ui 1.8.27 → 1.8.30

package/dist/components/Search.js

@@ -1,11 +1,12 @@
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
+import { icon16, icon24 } from '@itcase/icons/default';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Tooltip_es_D1w1s33u.js';
-import { T as Text } from '../Text_es_BRb3qqKM.js';
+import { I as Icon } from '../Tooltip_es_frBCZDrO.js';
+import { T as Text } from '../Text_es_BfLRfj-5.js';
 import { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -26,44 +27,26 @@ import 'react-scrollbars-custom';
 var searchAppearanceDefault = {
     defaultPrimary: {
         fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
-        textColorDisabled: 'surfaceTextDisabled',
-        caret: 'secondaryItemSecondary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-    },
-    defaultSecondary: {
-        fill: 'surfacePrimary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
-        textColorDisabled: 'surfaceTextDisabled',
-        caret: 'secondaryItemSecondary',
+        borderColor: 'surfaceBorderQuaternary',
+        borderHover: 'surfaceBorderQuaternaryHover',
+        iconAfterFill: 'surfaceItemQuaternary',
         iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
+        iconClearFill: 'surfaceItemQuaternary',
+        inputTextColor: 'surfaceTextPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
     },
 };
 
 var searchAppearanceDisabled = {
     disabledPrimary: {
-        fill: 'surfaceFillDisabled',
-        borderColor: 'errorBorderQuaternary',
-        borderHover: 'errorBorderQuaternary',
-        textColor: 'surfaceTextQuaternary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
-        placeholderTextColor: 'surfaceTextQuaternary',
-    },
-    disabledSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
+        fill: 'surfaceDisabled',
+        borderColor: 'surfaceBorderDisabled',
+        borderHover: 'surfaceBorderDisabledHover',
+        iconAfterFill: 'surfaceItemPrimary',
+        iconBeforeFill: 'surfaceItemPrimary',
         iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextSecondary',
+        inputTextColor: 'surfaceTextDisabled',
+        placeholderTextColor: 'surfaceTextDisabled',
     },
 };
 
@@ -71,72 +54,76 @@ var searchAppearanceError = {
     errorPrimary: {
         fill: 'errorTertiary',
         borderColor: 'errorBorderQuaternary',
-        borderHover: 'errorBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
-        iconBeforeFill: 'errorItemQuaternary',
+        borderHover: 'errorBorderQuaternaryHover',
+        iconAfterFill: 'errorItemPrimary',
+        iconBeforeFill: 'errorItemPrimary',
         iconClearFill: 'errorItemPrimary',
+        inputTextColor: 'surfaceTextPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
     },
-    errorSecondary: {
-        fill: 'errorSecondary',
-        borderColor: 'errorBorderTertiary',
-        borderHover: 'errorBorderQuaternary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
-        placeholderTextColor: 'errorTextSecondary',
-    },
 };
 
 var searchAppearanceRequire = {
     requirePrimary: {
         fill: 'warningTertiary',
-        borderColor: 'warningBorderQuaternary',
-        borderHover: 'warningBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
-        iconBeforeFill: 'warningItemQuaternary',
-        iconClearFill: 'warningItemPrimary',
+        borderColor: 'warningBorderSecondary',
+        borderHover: 'warningBorderSecondaryHover',
+        iconAfterFill: 'warningItemSecondary',
+        iconBeforeFill: 'warningItemSecondary',
+        iconClearFill: 'warningItemSecondary',
+        inputTextColor: 'surfaceTextPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
     },
-    requireSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextSecondary',
-    },
 };
 
 var searchAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
-        textSize: 'l',
+        iconBefore: icon24.Search,
+        iconClear: icon24.Clear,
+        inputTextSize: 'l',
+        placeholderTextSize: 'l',
     },
     sizeXL: {
         size: 'xl',
-        textSize: 's',
+        iconBefore: icon24.Search,
+        iconClear: icon24.Clear,
+        inputTextSize: 'm',
+        placeholderTextSize: 'm',
     },
     sizeL: {
         size: 'l',
-        textSize: 's',
+        iconBefore: icon24.Search,
+        iconClear: icon24.Clear,
+        inputTextSize: 's',
+        placeholderTextSize: 's',
     },
     sizeM: {
         size: 'm',
-        textSize: 'm',
+        iconBefore: icon24.Search,
+        iconClear: icon24.Clear,
+        inputTextSize: 'm',
+        placeholderTextSize: 'm',
     },
     sizeS: {
         size: 's',
-        textSize: 's',
+        iconBefore: icon24.Search,
+        iconClear: icon24.Clear,
+        inputTextSize: 's',
+        placeholderTextSize: 's',
     },
     sizeXS: {
         size: 'xs',
-        textSize: 's',
+        iconBefore: icon16.Search,
+        iconClear: icon16.Clear,
+        inputTextSize: 's',
+        placeholderTextSize: 's',
     },
 };
 
 var searchAppearanceStyle = {
     full: {
-    /* border / fill */
+        borderColor: 'none',
     },
     ghost: {
         fill: 'none',
@@ -153,42 +140,17 @@ var searchAppearanceStyle = {
 var searchAppearanceSuccess = {
     successPrimary: {
         fill: 'successTertiary',
-        borderColor: 'successBorderQuaternary',
-        borderHover: 'successBorderQuaternary',
+        borderColor: 'accentBorderQuaternary',
+        borderHover: 'accentBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        iconBeforeFill: 'successItemQuaternary',
-        iconClearFill: 'successItemPrimary',
+        iconAfterFill: 'successItemSecondary',
+        iconBeforeFill: 'successItemSecondary',
+        iconClearFill: 'successItemSecondary',
         placeholderTextColor: 'surfaceTextQuaternary',
     },
-    successSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextSecondary',
-    },
-};
-
-var searchAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextSecondary',
-    },
 };
 
-var searchAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, searchAppearanceSurface), searchAppearanceSize), searchAppearanceStyle), searchAppearanceDefault), searchAppearanceError), searchAppearanceSuccess), searchAppearanceRequire), searchAppearanceDisabled);
+var searchAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign({}, searchAppearanceSize), searchAppearanceStyle), searchAppearanceDefault), searchAppearanceError), searchAppearanceSuccess), searchAppearanceRequire), searchAppearanceDisabled);
 
 var searchInputConfig = {
     appearance: searchAppearance,
@@ -197,7 +159,7 @@ var searchInputConfig = {
     },
 };
 var SearchInput = React.forwardRef(function SearchInput(props, ref) {
-    var className = props.className, type = props.type, appearance = props.appearance, dataTour = props.dataTour, placeholder = props.placeholder, value = props.value, before = props.before, after = props.after, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var className = props.className, type = props.type, appearance = props.appearance, dataTour = props.dataTour, placeholder = props.placeholder, value = props.value, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var onChangeSearchInput = useCallback(function (event) {
         onChange && onChange(event.target.value);
     }, [onChange]);
@@ -213,13 +175,13 @@ var SearchInput = React.forwardRef(function SearchInput(props, ref) {
         return (__assign(__assign({}, resultConfig), (_a = searchInputConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderHoverClass = propsGenerator.borderHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, iconClear = propsGenerator.iconClear, iconClearFill = propsGenerator.iconClearFill, iconClearSize = propsGenerator.iconClearSize, iconClearSrc = propsGenerator.iconClearSrc, inputFillClass = propsGenerator.inputFillClass, inputShapeClass = propsGenerator.inputShapeClass, inputTextColorClass = propsGenerator.inputTextColorClass, _a = propsGenerator.inputTextSizeClass, inputTextSizeClass = _a === void 0 ? 'm' : _a, inputTextStyleClass = propsGenerator.inputTextStyleClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, placeholderTextColor = propsGenerator.placeholderTextColor, _b = propsGenerator.placeholderTextSize, placeholderTextSize = _b === void 0 ? 'm' : _b, placeholderTextStyle = propsGenerator.placeholderTextStyle, placeholderTextWeight = propsGenerator.placeholderTextWeight, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
+    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderHoverClass = propsGenerator.borderHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, iconClear = propsGenerator.iconClear, iconClearFill = propsGenerator.iconClearFill, iconClearSize = propsGenerator.iconClearSize, iconClearSrc = propsGenerator.iconClearSrc, inputFillClass = propsGenerator.inputFillClass, inputShapeClass = propsGenerator.inputShapeClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, inputTextStyleClass = propsGenerator.inputTextStyleClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, placeholderTextStyle = propsGenerator.placeholderTextStyle, placeholderTextWeight = propsGenerator.placeholderTextWeight, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
     var searchInputStyles = useStyles(props).styles;
-    return (jsxs("label", { className: clsx(className, 'search-input', shapeClass && "search_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderHoverClass && "border-color_hover_".concat(borderHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), size && "search-input_size_".concat(size), type && "search-input_type_".concat(type)), "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
+    return (jsxs("label", { className: clsx(className, 'search-input', shapeClass && "search_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderHoverClass && "border-color_hover_".concat(borderHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), size && "search-input_size_".concat(size), type && "search-input_type_".concat(type), isSkeleton && "search-input_skeleton"), "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
                             inputTextWeightClass ||
                             inputTextColorClass ||
                             inputTextStyleClass) &&
-                            'text', inputTextSizeClass && "text_size_".concat(inputTextSizeClass), inputTextWeightClass && "text-weight_".concat(inputTextWeightClass), inputTextColorClass && "text-color_".concat(inputTextColorClass), inputTextStyleClass && "text-style_".concat(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 || 'Search' }) }), value && (jsx(Icon, { className: clsx('search-input__clear', 'cursor_type_pointer'), size: iconClearSize, iconFill: iconClearFill, imageSrc: iconClearSrc, SvgImage: iconClear, onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-after", size: iconAfterSize, iconFill: iconAfterFill, imageSrc: iconAfterSrc, SvgImage: iconAfter })), after] }));
+                            'text', inputTextSizeClass && "text_size_".concat(inputTextSizeClass), inputTextWeightClass && "text-weight_".concat(inputTextWeightClass), inputTextColorClass && "text-color_".concat(inputTextColorClass), inputTextStyleClass && "text-style_".concat(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_".concat(iconClearFill)), size: iconClearSize, iconFill: iconClearFill, imageSrc: iconClearSrc, SvgImage: iconClear, onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-after", size: iconAfterSize, iconFill: iconAfterFill, imageSrc: iconAfterSrc, SvgImage: iconAfter })), after] }));
 });
 // @ts-expect-error
 SearchInput.DEFAULT_REF_STATE = {

package/dist/components/Segmented.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_BRb3qqKM.js';
+import { T as Text } from '../Text_es_BfLRfj-5.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -92,17 +92,17 @@ var segmentedAppearanceSize = {
 };
 
 var segmentedAppearanceStyle = {
-    full: {
+    solid: {
         borderColor: '0',
     },
-    ghost: {
+    outlined: {
         fill: 'none',
+    },
+    full: {
         borderColor: '0',
     },
-    outlined: {
+    ghost: {
         fill: 'none',
-    },
-    solid: {
         borderColor: '0',
     },
 };

package/dist/components/Select.js

@@ -1,14 +1,14 @@
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon, B as Badge } from '../Tooltip_es_D1w1s33u.js';
+import { I as Icon, B as Badge } from '../Tooltip_es_frBCZDrO.js';
 import React, { useRef, useCallback, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_BRb3qqKM.js';
+import { T as Text } from '../Text_es_BfLRfj-5.js';
 import { G as Group } from '../Group_es_CYW2Hquh.js';
-import { D as Divider } from '../Divider_es_BEYLRagS.js';
+import { D as Divider } from '../Divider_es_kY-30pft.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/camelCase';
 import 'lodash/maxBy';

package/dist/components/Swiper.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title } from '../Tooltip_es_D1w1s33u.js';
+import { b as Title } from '../Tooltip_es_frBCZDrO.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -18,7 +18,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Text_es_BRb3qqKM.js';
+import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
 import '../Link_es_DxtZLeKY.js';