@itcase/ui 1.8.25 → 1.8.29

package/dist/cjs/components/Search.js

@@ -1,13 +1,14 @@
 'use strict';
 
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
+var _default = require('@itcase/icons/default');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_CaocDcQ5.js');
-var Text = require('../../Text_cjs_DPhKj3wf.js');
+var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Text = require('../../Text_cjs_C9fOm0nd.js');
 var Scrollbar = require('../../Scrollbar_cjs_DcKOfcNp.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -28,44 +29,26 @@ require('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',
     },
 };
 
@@ -73,72 +56,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: _default.icon24.Search,
+        iconClear: _default.icon24.Clear,
+        inputTextSize: 'l',
+        placeholderTextSize: 'l',
     },
     sizeXL: {
         size: 'xl',
-        textSize: 's',
+        iconBefore: _default.icon24.Search,
+        iconClear: _default.icon24.Clear,
+        inputTextSize: 'm',
+        placeholderTextSize: 'm',
     },
     sizeL: {
         size: 'l',
-        textSize: 's',
+        iconBefore: _default.icon24.Search,
+        iconClear: _default.icon24.Clear,
+        inputTextSize: 's',
+        placeholderTextSize: 's',
     },
     sizeM: {
         size: 'm',
-        textSize: 'm',
+        iconBefore: _default.icon24.Search,
+        iconClear: _default.icon24.Clear,
+        inputTextSize: 'm',
+        placeholderTextSize: 'm',
     },
     sizeS: {
         size: 's',
-        textSize: 's',
+        iconBefore: _default.icon24.Search,
+        iconClear: _default.icon24.Clear,
+        inputTextSize: 's',
+        placeholderTextSize: 's',
     },
     sizeXS: {
         size: 'xs',
-        textSize: 's',
+        iconBefore: _default.icon16.Search,
+        iconClear: _default.icon16.Clear,
+        inputTextSize: 's',
+        placeholderTextSize: 's',
     },
 };
 
 var searchAppearanceStyle = {
     full: {
-    /* border / fill */
+        borderColor: 'none',
     },
     ghost: {
         fill: 'none',
@@ -155,42 +142,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 = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, searchAppearanceSurface), searchAppearanceSize), searchAppearanceStyle), searchAppearanceDefault), searchAppearanceError), searchAppearanceSuccess), searchAppearanceRequire), searchAppearanceDisabled);
+var searchAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, searchAppearanceSize), searchAppearanceStyle), searchAppearanceDefault), searchAppearanceError), searchAppearanceSuccess), searchAppearanceRequire), searchAppearanceDisabled);
 
 var searchInputConfig = {
     appearance: searchAppearance,
@@ -199,7 +161,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 = React.useCallback(function (event) {
         onChange && onChange(event.target.value);
     }, [onChange]);
@@ -215,13 +177,13 @@ var SearchInput = React.forwardRef(function SearchInput(props, ref) {
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = searchInputConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.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.useStyles(props).styles;
-    return (jsxRuntime.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) && (jsxRuntime.jsx(Tooltip.Icon, { className: "search-input__icon search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxRuntime.jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsxRuntime.jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
+    return (jsxRuntime.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) && (jsxRuntime.jsx(Tooltip.Icon, { className: "search-input__icon search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxRuntime.jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsxRuntime.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 }), jsxRuntime.jsx("div", { className: "search-input__placeholder", children: jsxRuntime.jsx(Text.Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize, textColor: placeholderTextColor, textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder || 'Search' }) }), value && (jsxRuntime.jsx(Tooltip.Icon, { className: clsx('search-input__clear', 'cursor_type_pointer'), size: iconClearSize, iconFill: iconClearFill, imageSrc: iconClearSrc, SvgImage: iconClear, onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Tooltip.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 }), jsxRuntime.jsx("div", { className: "search-input__placeholder", children: jsxRuntime.jsx(Text.Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize, textColor: placeholderTextColor, textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder }) }), value && (jsxRuntime.jsx(Tooltip.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) && (jsxRuntime.jsx(Tooltip.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/cjs/components/Segmented.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Text = require('../../Text_cjs_DPhKj3wf.js');
+var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -94,17 +94,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/cjs/components/Select.js

@@ -3,14 +3,14 @@
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Select = require('react-select');
-var Tooltip = require('../../Tooltip_cjs_CaocDcQ5.js');
+var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
 var React = require('react');
 var clsx = require('clsx');
 var CreatableSelect = require('react-select/creatable');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Text = require('../../Text_cjs_DPhKj3wf.js');
+var Text = require('../../Text_cjs_C9fOm0nd.js');
 var Group = require('../../Group_cjs_Cwt0gWk4.js');
-var Divider = require('../../Divider_cjs_DhqcldLH.js');
+var Divider = require('../../Divider_cjs_BmCJj3TN.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/camelCase');
 require('lodash/maxBy');

package/dist/cjs/components/Swiper.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var react = require('swiper/react');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_CaocDcQ5.js');
+var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -20,7 +20,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Text_cjs_DPhKj3wf.js');
+require('../../Text_cjs_C9fOm0nd.js');
 require('react-inlinesvg');
 require('../../Link_cjs_DbRGq2Yk.js');